<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>门店版图</title>
	<link rel="stylesheet" type="text/css" th:href="@{/web/css/global.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/web/css/layout.css}">
	<style>
		#banner-layout { width: 640px;}
		#banner-layout .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
		#banner-layout .dots li
		{
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			text-indent: -999em;
			border: 2px solid #fff;
			border-radius: 6px;
			cursor: pointer;
			opacity: .4;
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
		#banner-layout .dots li.active
		{
			background: #fff;
			opacity: 1;
		}
	</style>
</head>
<body>
	<div id="wrapper">
		<!-- header -->
		<div id="header" th:include="web/header::homeHeader" ></div>
		<!-- main -->
		<div id="main" >
			<section id="content" class="article-wrap">
				<h4 class="article-title">-&nbsp;&nbsp;门店版图&nbsp;&nbsp;-</h4>
				<div>
					<select id="provName" class="store-select"></select>
					<select id="cityName" class="store-select"></select>
					<input type="text" id="name" placeholder="请输入关键字搜索" class="store-input"/>
					<a class="store-a" id="searchBtn">搜索</a>
				</div>
				<div class="store-content">
					<div class="store-contents">
						<!--轮播图-->
						<div  class="banner" id="banner-layout"></div>
						<!--地址-->
						<div class="addrDiv" style="height: 200px;overflow-y: auto;background-color: rgba(255,255,255,1);margin-top: 20px;"></div>
					</div>
					<div class="map-content" id="allmap">

					</div>
				</div>
			</section>
		</div>
		<!-- footer -->
		<div id="footer" th:include="web/footer::footer"></div>
	</div>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=C5wGgN0ISZjGnELxrLzCHp89480YSz8W"></script>
	<script type="text/javascript" th:src="@{/js/plugins/jquery-1.11.3.min.js}"></script>
	<script type="text/javascript" th:src="@{/web/js/unslider.min.js}"></script>
	<script type="text/javascript" th:src='@{/js/province.js}'></script>
	<script type="text/javascript" th:src="@{/web/js/header.js}"></script>
	<script type="text/javascript" th:src="@{/web/js/footer.js}"></script>
	<script type="text/javascript" th:src="@{/web/js/storeLayout.js}"></script>
</body>
</html>